
<template>
	<view class="div">
		<z-swiper class="swiper" circular :indicator-dots="indicatorDots" :interval="interval"
			:duration="duration" v-model="list3" :custom-style="{height:'900rpx'}"
			:options="{slidesPerView : 1.5,spaceBetween : 20, loop : true,  autoplay:false,}">
			<z-swiper-item v-for="(item,index) in list3" :key="index">
				<image class="imager" :src="item" mode="aspectFill">
				</image>
			</z-swiper-item>
		</z-swiper>
	</view>
</template>
<script>
	export default {
		data(){
			return {
				list3: [
					'https://xnlv.lizxx.com/image/xnlv/static/tesewuchan/tesewuchanyiyue.png',
					'https://xnlv.lizxx.com/image/xnlv/static/images2/xiazhiluezhang.png',
					
				]
			}
		},
		methods: {
			changeIndicatorDots(e) {
				this.indicatorDots = !this.indicatorDots
			},
			changeAutoplay(e) {
				this.autoplay = !this.autoplay
			},
			intervalChange(e) {
				this.interval = e.target.value
			},
			durationChange(e) {
				this.duration = e.target.value
			},
		}
	}
</script>
<style>
	.div{
		width: 100vw;
		/* height: 100vh; */
	}
	.imager {
		width: 460rpx;
		height: 658rpx;
		/* border: 100rpx; */
	}
</style>
